//文档加载完成事件
window.onload = function (ev) {
    var element = document.getElementById("a");
    console.info(element.nodeType + element.nodeName + element.nodeValue)

    var body = document.getElementsByTagName("body")[0];
    console.info(body.nodeType + body.nodeName + body.nodeValue);

    var attributeNode = element.getAttributeNode("href");
    console.info(attributeNode.nodeType + attributeNode.nodeName + attributeNode.nodeValue)

    var id = attributeNode.id;
    console.info(id);

    console.info(body.childNodes.length);

    var text = element.childNodes[0];
    //或者text = element.firstChild;
    console.info(text.nodeType + text.nodeName + text.nodeValue);


    //获取按钮节点
    var btn = document.getElementsByTagName("button")[0];
    //增加按钮功能
    btn.onclick = function (ev1) {
        element.style.color = "red";
        //获取输入框节点
        var input = document.getElementsByTagName("input")[0];
        //输入框的内容属于属性节点
        var message = input.value;
        alert(message);
    }

    var span = document.getElementsByTagName("span")[0];

    span.onclick = function (ev1) {
        span.style.color = "red";
        alert(span.firstChild.nodeValue);
    }

    var lis = document.getElementsByTagName("li");
    for (var i = 0; i < lis.length; i++) {
        lis[i].onclick = function (ev1) {
            alert(this.firstChild.nodeValue);
        }
    }
}

